<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<%@include file="include/css-resource.jsp"%>
<style type="text/css">
.function-group {
	color: #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0px 10px 5px;
}

.container-fluid .row a {
	margin: 5px;
}
</style>
<title>主界面-通用权限管理系统</title>
</head>
<body>

	<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
		<a class="navbar-brand"
			href="${pageContext.request.contextPath}/main.html">通用权限管理系统</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse"
			data-target="#navbarSupportedContent"
			aria-controls="navbarSupportedContent" aria-expanded="false"
			aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>

		<div class="collapse navbar-collapse" id="navbarSupportedContent">
			<ul class="navbar-nav ml-auto">
				<li class="nav-item active"><a class="nav-link"
					href="${pageContext.request.contextPath}/main.html"> <i
						class="fas fa-home"></i>主页
				</a></li>
				<li class="nav-item dropdown"><a
					class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
					role="button" data-toggle="dropdown" aria-haspopup="true"
					aria-expanded="false"><i class="fas fa-user"></i> ${sessionScope.account.name} </a>
					<div class="dropdown-menu" aria-labelledby="navbarDropdown">
						<a class="dropdown-item" href="#">修改密码</a>
						<div class="dropdown-divider"></div>
						<a class="dropdown-item" href="${pageContext.request.contextPath}/user/exit.html">退出系统</a>
					</div></li>
			</ul>
		</div>
	</nav>

	<div class="container-fluid">
		<div class="row">
			<div class="col-12 function-group">
				<i class="fas fa-th-list"></i>&nbsp;系统管理
			</div>
		</div>
		<div class="row">
			<div class="col-md-1 col-sm-12">
				<a class="btn btn-outline-primary btn-block" href=""><i
					class="fas fa-th-list"></i><br />功能管理</a>
			</div>
			<div class="col-md-1 col-sm-12">
				<a class="btn btn-outline-primary btn-block" href=""><i
					class="fas fa-user-tag"></i><br>角色管理</a>
			</div>
			<div class="col-md-1 col-sm-12">
				<a class="btn btn-outline-primary btn-block" href=""><i
					class="fas fa-users"></i><br>用户管理</a>
			</div>
		</div>
		<div class="row">
			<div class="col-12 function-group">
				<i class="fas fa-th-list"></i>&nbsp;课程实验报告
			</div>
		</div>

		<div class="row">
			<div class="col-md-1 col-sm-12">
				<a class="btn btn-outline-primary btn-block" href=""><i
					class="fas fa-th-list"></i><br />我的课程实验报告</a>
			</div>
			<div class="col-md-1 col-sm-12">
				<a class="btn btn-outline-primary btn-block" href=""><i
					class="fas fa-th-list"></i><br />填写课程实验报告</a>
			</div>
		</div>
	</div>

	<%@include file="include/js-resource.jsp"%>
</body>
</html>